<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生个人信息</title>
<!-- CSS公共部分 开始 -->
<link href="personal/css/bootstrap.min.css" rel="stylesheet">
<link href="personal/css/style.css" rel="stylesheet">
<!-- CSS公共部分 结束 -->

<link href="personal/css/crowdfunding.css" rel="stylesheet">
<!--导航 -->
<link rel="stylesheet" href="qiandaohang/css/nav.css">
</head>
<body>
<!-- 导航栏 -->
<div id="nav" data-scroll="1">
        <div class="center">
            <a href="Seat.jsp">
                <span>
                    <img src="./imgs/home.png" alt="">
                </span>
                <dl>
                    <dt>预约自习室</dt>
                    <dd>Appointment</dd>
                </dl>
            </a>
            <a href="announcement.jsp">
                <span>
                    <img src="qiandaohang/imgs/instruction.png" alt="">
                </span>
                <dl>
                    <dt>公告中心</dt>
                    <dd>Announcement</dd>
                </dl>
            </a>
            <a href="personalInfo.jsp">
                <span>
                    <img src="qiandaohang/imgs/products.png" alt="">
                </span>
                <dl>
                    <dt>个人中心</dt>
                    <dd>Personal</dd>
                </dl>
            </a>

            <a href="#">
                <span>
                    <img src="qiandaohang/imgs/video.png" alt="">
                </span>
                <dl>
                    <dt>退出</dt>
                    <dd>quit</dd>
                </dl>
            </a>
        </div>
    </div>

    <script>
        window.onscroll = function () {
            var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body
                .scrollTop;
            var nav = document.querySelector("#nav");
            if (scrollTop <= 100) {
                nav.setAttribute('data-scroll', '1');
            } else {
                nav.setAttribute('data-scroll', '0');
            }
        }
    </script>
<!-- top + banner 开始 -->

<!-- top + banner 结束 --> 
<!-- 核心 开始 --> 
<div class="container border1 nopadding margin10">
  <div id="vertical_navigation" class="col-lg-3 background831312 nopadding">
    <div class="dead_pic"><img src="personal/imgs/member_center/nopic.jpg.png"><br>
      <span class="username"></span></div>
    <div class="usertype">用户类型：学生<br>
    </div>
    <div class="menu">
      <div class="menu_title"> 我的信息 </div>
      <div class="menu_list">
        <ul class="list-unstyled">
          <li id="listClick1" class="menu_list_on" onClick="listClick(1)"><img src="personal/imgs/member_center/left_icon_1.png"> 基本信息</li>
          <li id="listClick4" class="" onClick="listClick(4)"> <img src="personal/imgs/member_center/left_icon_3.png"> 修改密码</li>
        </ul>
      </div>
    </div>
    <div class="menu">
      <div class="menu_title"> 我相关的记录 </div>
      <div class="menu_list">
        <ul class="list-unstyled">
        	<li id="listClick7" class="" onClick="listClick(7)"> 预约记录</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-lg-9">
  	<iframe name="left" id="crowdfunding_iframe" src="personal/crowdfunding.center/my_info.jsp" frameborder="false" scrolling="no" style="border:none;" width="100%" height="1045" allowtransparency="true"></iframe>
  </div>
</div>
<!-- 核心 结束 -->  

<!-- 版权 开始 -->
<!-- 版权 结束 --> 

<!-- 结束 --> 
<!-- JS公共部分 开始 --> 
<script src="personal/js/jquery-2.1.1.min.js"></script> 
<script src="personal/js/bootstrap.min.js"></script> 
<!-- JS公共部分 结束 --> 
<!--onClick事件监听-->
<script src="personal/js/crowdfunding.js"></script>
</body>
</html>